
 // 隐藏栏1
 let arr1 = [
   {
     a1: "特色会场",
     b1: "精选会场",
     c1: "红洋酒专区",
     d1: "合作共赢",
     a: "容大酱酒",
     b: "老酒特卖",
     c: "实惠大坛",
     d: "有礼有面",
     e: "新品尝鲜",
     f: "酒仙甄选",
     g: "名优白酒",
     h: "向往生活",
     i: "高分推荐",
     j: "送礼优选",
     k: "线下门店",
     l: "招商入驻",
   },
 ];
 let html1 = "";
 arr1.forEach((o) => {
   html1 = `
   <div class="box" style=" width: 510px;
   height: 400px;
   background-color: #fff;
   display: flex;border:1px solid #eee">
 <ul class="left" style="width: 80px;
   height: 400px;
   background-color: #eee;">
   <p>${o.a1}</p>
   <p>${o.b1}</p>
   <p>${o.c1}</p>
   <p>${o.d1}</p>
 </ul>
 <ul class="right" style=" width: 430px;
   height: 400px;
   box-sizing: border-box;
   padding: 0 10px;">
   <li style="width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
     <a href="" style="color:orange">${o.a}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.b}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.c}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.d}</a>
   </li>
   <li style="width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
     <a href="" style="color:orange">${o.e}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.f}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.g}</a>
   </li>
   <li style="width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
     <a href="">${o.h}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.i}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:red">${o.j}</a>
   </li>
   <li>
     <a href="">${o.k}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.l}</a>
   </li>
 </ul>
</div>
             `;
 });
 // 隐藏栏2
 let arr2 = [
   {
     a1: "品牌",
     b1: "香型",
     c1: "产地",
     d1: "价位",
     A1: "精选品牌　　A B C D E F G H I J K L M N O P Q R S T U V W X Y Z",
     A2: "容大酱酒",
     A3: "茅台",
     A4: "五粮液",
     A5: "剑南春",
     A6: "泸州老窖",
     A7: "洋河",
     A8: "汾酒",
     A9: "水井坊",
     A10: "酒鬼酒",
     A11: "郎酒",
     A12: "牛栏山",
     A13: "西凤",
     A14: "习酒",
     A15: "国窖1573",
     A16: "董酒",
     A17: "红星",
     A18: "古井贡",
     A19: "扳倒井",
     A20: "伊力特",
     A21: "孔府家",
     A22: "金六福",
     A23: "景芝",
     A24: "小糊涂仙",
     A25: "宝丰",
     A26: "全兴",
     A27: "汾阳王",
     A28: "杏花村",
     A29: "金不换",
     A30: "沱牌",
     A31: "酒鬼",
     A32: "金沙",
     A33: "衡水老白干",
     A34: "贵州五星",
     A35: "白水杜康",
     A36: "茅台集团国隆",
     A37: "枝江",
     A38: "兰陵",
     A39: "五岭洞藏",
     A40: "白云边",
     A41: "今世缘",
     A42: "双沟",
     A43: "茅台白金",
     A44: "迎驾",
     A45: "张弓",
     A46: "小角楼",
     A47: "河套",
     A48: "王祖烧坊",
     A49: "更多",
     B1: "浓香型",
     B2: "酱香型",
     B3: "清香型",
     B4: "馥郁香型",
     B5: "兼香型",
     B6: "特香型",
     B7: "芝麻香型",
     B8: "凤香型",
     B9: "老白干香型",
     B10: "米香型",
     B11: "董香型",
     B12: "其它",
     C1: "贵州",
     C2: "四川",
     C3: "山西",
     C4: "北京",
     C5: "江苏",
     C6: "安徽",
     C7: "湖北",
     C8: "江西",
     C9: "山东",
     C10: "河南",
     C11: "河北",
     C12: "湖南",
     C13: "陕西",
     C14: "新疆",
     C15: "内蒙古",
     C16: "台湾",
     C17: "吉林",
     D1: "1-49元",
     D2: "50-99元",
     D3: "100-199元",
     D4: "200-299元",
     D5: "300-599元",
     D6: "600-999元",
     D7: "1000-1999元",
     D8: "2000元及以上",
   },
 ];
 let html2 = "";
 arr2.forEach((o) => {
   html2 = `
     <div class="box" style="width: 510px;
   height: 400px;
   background-color: #fff;
   display: flex;
   box-sizing: border-box;
   border: 1px solid #eee;">
       <ul class="left" style=" width: 60px;height: 400px;background-color: #eee;">
         <p style="height:200px;line-height:200px;width:60px;">${o.a1}</p>
         <p style="height:60px;line-height:60px;width:60px;">${o.b1}</p>
         <p style="height:60px;line-height:60px;width:60px;">${o.c1}</p>
         <p style="height:60px;line-height:60px;width:60px;">${o.d1}</p>
       </ul>
       <ul class="right" style=" width: 450px;height: 400px;box-sizing: border-box;padding: 0 10px;">
         <li class="jingxuanpinpai" style="width: 430px;height: 200px;box-zing:border-box;padding:10px 0 0 0;border-bottom:1px dotted #ccc">
           <a href="" style="width:430px;box-sizing: border-box;padding: 0 0 10px 0;">${o.A1}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A2}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A3}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A4}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A5}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A6}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A7}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A8}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A9}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A10}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A11}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A12}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A13}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A14}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A15}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A16}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A17}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A18}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A19}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A20}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A21}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A22}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A23}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A24}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A25}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A26}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A27}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A28}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A29}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A30}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A31}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A32}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A33}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A34}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A35}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A36}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A37}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A38}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A39}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A40}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A41}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A42}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A43}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A44}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A45}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A46}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A47}</a>
           <a href="" style="margin: 0 16px 0 0;">${o.A48}</a>
           <a href="" style="margin: 0 16px 0 0;color:orange;">${o.A49}</a>
         </li>
         <li style="width:430px;height:60px;box-sizing:border-box;padding:10px 0 0 0;border-bottom:1px dotted #ccc">
           <a href=""style="color:orange;">${o.B1}</a>
           <span class="iconfont icon-fenge"></span>
           <a href=""style="color:orange;">${o.B2}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B3}</a>
           <span class="iconfont icon-fenge"></span>
           <a href=""style="color:orange;">${o.B4}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B5}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B6}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B7}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B8}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="" >${o.B9}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B10}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B11}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.B12}</a>
         </li>
         <li style="width:430px;height:60px;box-sizing:border-box;padding:10px 0 0 0;border-bottom:1px dotted #ccc">
           <a href="" style="color:orange;">${o.C1}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="" style="color:orange;">${o.C2}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C3}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C4}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C5}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C6}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C7}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C8}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="" style="color:orange;">${o.C9}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C10}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C11}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C12}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C13}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C14}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C15}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C16}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.C17}</a>
         </li>
         <li style="border:none;width:430px;height:60px;box-sizing:border-box;padding:10px 0 0 0;">
           <a href="">${o.D1}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D2}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D3}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D4}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D5}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D6}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D7}</a>
           <span class="iconfont icon-fenge"></span>
           <a href="">${o.D8}</a>
         </li>
       </ul>
     </div>
   `;
 });
 // 隐藏栏3
 let arr3 = [
   {
     a1: "红葡萄酒",
     b1: "白葡萄酒",
     c1: "桃红葡萄酒",
     d1: "起泡酒",
     e1: "国家",
     f1: "品牌",
     g1: "品种",
     h1: "价格区间",
     A1: "干红",
     A2: "半干红",
     A3: "甜红",
     A4: "半甜红",
     B1: "干白",
     B2: "半干白",
     B3: "甜白",
     B4: "半甜白",
     C1: "干型桃红",
     C2: "半干型桃红",
     C3: "甜型桃红",
     C4: "半甜型桃红",
     D1: "起泡酒/香槟",
     D2: "干型气泡酒",
     D3: "半干型起泡酒",
     D4: "甜型起泡酒",
     E1: "法国",
     E2: "澳大利亚",
     E3: "西班牙",
     E4: "智利",
     E5: "意大利",
     E6: "德国",
     E7: "中国",
     E8: "随时随意波尔多",
     E9: "葡萄牙",
     E10: "美国",
     E11: "俄罗斯",
     F1: "拉菲",
     F2: "奔富",
     F3: "黄尾袋鼠",
     F4: "张裕",
     F5: "长城",
     F6: "茉莉花",
     F7: "丁戈树",
     F8: "杰卡斯",
     G1: "赤霞珠",
     G2: "西拉",
     G3: "美乐",
     G4: "歌海娜",
     G5: "霞多丽",
     G6: "长相思",
     G7: "马尔贝克",
     G8: "添普尼洛",
     H1: "1-49",
     H2: "50-99",
     H3: "100-199",
     H4: "200-299",
     H5: "300-499",
     H6: "500-799",
     H7: "800-999",
     H8: "1000以上",
   },
 ];
 let html3 = "";
 arr3.forEach((o) => {
   html3 = `<div class="box" style="width: 510px;
   height: 400px;
   background-color: #fff;
   display: flex;border:1px solid #eee">
 <ul class="left" style="width: 80px;
   height: 400px;
   background-color: #eee;">
   <p>${o.a1}</p>
   <p>${o.b1}</p>
   <p>${o.c1}</p>
   <p>${o.d1}</p>
   <p style="height:70px;line-height:70px">${o.e1}</p>
   <p>${o.f1}</p>
   <p style="height:40px;line-height:40px">${o.g1}</p>
   <p style="height:90px;line-height:90px">${o.h1}</p>
 </ul>
 <ul class="right" style="width: 430px;
   height: 400px;
   box-sizing: border-box;
   padding: 0 10px;">
   <li style='width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="">${o.A1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A4}</a>
   </li>
   <li style='width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="">${o.B1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.B2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.B3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.B4}</a>
   </li>
   <li style='width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="">${o.C1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C4}</a>
   </li>
   <li style='width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="">${o.D1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.D2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.D3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.D4}</a>
   </li>
   <li class="faguo" style= "border-bottom: 1px dotted #666; width:410px;height:70px;box-sizing:border-box;padding:12px 0 0 0">
     <a href="" style="color:orange">${o.E1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.E3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E6}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.E7}</a>
     <span class="iconfont icon-fenge"></span><br>
     <a href="" style="color:orange">${o.E8}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E9}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E10}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.E11}</a>
   </li>
   <li style='width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="" style="color:orange">${o.F1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.F2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.F3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.F4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.F5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.F6}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.F7}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.F8}</a>
   </li>
   <li class="faguo" style= "border-bottom: 1px dotted #666;">
     <a href="" style="color:orange">${o.G1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.G2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.G3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.G4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.G5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.G6}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.G7}</a>
     <span class="iconfont icon-fenge"></span><br>
     <a href="">${o.G8}</a>
   </li>
   <li class="faguo" style='width: 410px;
   height: 40px;
   box-sizing: border-box;
   padding: 8px 0 0 0;'>
     <a href="">${o.H1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H6}</a>
     <span class="iconfont icon-fenge"></span><br>
     <a href="">${o.H7}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.H8}</a>
   </li>
 </ul>
</div>
`;
 });
 // 隐藏栏4
 let arr4 = [
   {
     a1: "品牌",
     b1: "品类",
     c1: "价格区间",
     d1: "产地",
     A1: "芝华士",
     A2: "人头马",
     A3: "马爹利",
     A4: "尊尼获加",
     A5: "轩尼诗",
     A6: "百龄坛",
     A7: "绝对",
     A8: "杰克丹尼",
     A9: "珍露",
     A10: "深蓝",
     A11: "百加得",
     A12: "皇家礼炮",
     A13: "泰斯卡",
     A14: "斯米诺",
     A15: "温莎诗贝",
     A16: "布加德",
     A17: "波士",
     A18: "占边",
     A19: "马谛氏",
     A20: "法圣古堡",
     B1: "白兰地",
     B2: "威士忌",
     B3: "伏特加",
     B4: "金酒",
     B5: "龙舌兰",
     B6: "朗姆酒",
     B7: "力娇酒",
     B8: "韩国烧酒",
     B9: "预调酒",
     B10: "威末酒",
     B11: "单一麦芽",
     B12: "其它",
     C9: "1-49",
     C2: "50-99",
     C3: "100-199",
     C4: "200-299",
     C5: "300-499",
     C6: "500-799",
     C7: "800-999",
     C8: "1000以上",
     D1: "英国",
     D2: "法国",
     D3: "俄罗斯",
     D4: "美国",
     D5: "瑞典",
     D6: "墨西哥",
     D7: "意大利",
     D8: "德国",
     D9: "南非",
     D10: "荷兰",
     D11: "爱尔兰",
     D12: "波多黎各",
     D13: "古巴",
     D14: "韩国",
     D15: "巴西",
     D16: "中国",
     D17: "波兰",
     D18: "乌克兰",
     D19: "孟买",
     E1: "../images/鸡尾酒.jpg",
   },
 ];
 let html4 = "";
 arr4.forEach((o) => {
   html4 = `
   <div class="box" style=" width: 510px;
   height: 400px;
   background-color: #fff;
   display: flex;border:1px solid #eee">
 <ul class="left" style="width: 80px;
   height: 400px;
   background-color: #eee;">
   <p style="height: 130px;line-height:130px">${o.a1}</p>
   <p style="height: 90px;line-height:90px">${o.b1}</p>
   <p style="height: 65px;line-height:65px">${o.c1}</p>
   <p style="height: 100px;line-height:100px">${o.d1}</p>
 </ul>
 <ul class="middle" style=" width: 270px;
   height: 400px;
   box-sizing: border-box;
   padding: 0 10px;">
   <li style="box-sizing: border-box;
   padding: 10px 0 0 0;
   width: 250px;
   height: 130px;
   border-bottom: 1px dotted #ccc;">
       <a href="" style="color:orange;">${o.A1}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.A2}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A3}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.A4}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.A5}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.A6}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A7}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.A8}</a>
       <a href="">${o.A9}</a>
       <a href="" style="color:orange;">${o.A10}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A11}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A12}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A13}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.A14}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A15}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A16}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A17}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.A18}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A19}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.A20}</a>
   </li>
   <li class="bailandi" style="border-bottom: 1px dotted #ccc; height:90px;box-sizing:border-box;padding:10px 0 0 0">
       <a href="" style="color:orange;">${o.B1}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.B2}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B3}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B4}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B5}</a>
       <a href="" style="color:orange;">${o.B6}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B7}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B8}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B9}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B10}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.B11}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:red;">${o.B12}</a>
   </li>
   <li class="jiage"  style="border-bottom: 1px dotted #ccc; height:65px;box-sizing:border-box;padding:10px 0 0 0">
       <a href="" style="margin:0 0 6px 0;">${o.C9}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C2}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C3}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C4}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.C5}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C6}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C7}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.C8}</a>
   </li>
   <li style=" width: 250px;
   height: 100px;
   padding:10px 0 0 0 ;">
       <a href="" style="color:orange;">${o.D1}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D2}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D3}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="" style="color:orange;">${o.D4}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D5}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.D6}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D7}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D8}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D9}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D10}</a>
       <span class="iconfont icon-fenge"></span><br>
       <a href="">${o.D11}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D12}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D13}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D14}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D15}</a>
       <a href="">${o.D16}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D17}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D18}</a>
       <span class="iconfont icon-fenge"></span>
       <a href="">${o.D19}</a>
   </li>
 </ul>
 <ul class="right" style=" width: 160px;
   height: 400px;">
   <img style="width:100%;height:100%;" src=${o.E1} alt="">
   </ul>
</div>
   `;
 });
 // 隐藏栏5
 let arr5 = [
   {
     a1: "啤酒",
     b1: "养生酒",
     c1: "黄酒",
     d1: "果酒",
     A1: "青岛啤酒",
     A2: "嘉士伯",
     A3: "科罗娜",
     A4: "喜力",
     A5: "百威",
     A6: "雪花",
     A7: "费尔德堡",
     A8: "凯撒",
     A9: "1664",
     A10: "更多",
     B1: "竹叶青",
     B2: "劲牌",
     B3: "宁夏红",
     B4: "更多",
     C1: "古越龙山",
     C2: "会稽山",
     C3: "椰岛鹿龟",
     C4: "唐宋",
     C5: "塔牌",
     C6: "更多",
     D1: "茅台悠蜜",
     D2: "通天",
     D3: "桓龙湖",
     D4: "兰逸伦",
     D5: "百梦园",
     E1: "../images/悠蜜.jpg",
   },
 ];
 let html5 = "";
 arr5.forEach((o) => {
   html5 = `
   <div class="box" style="width: 510px;height: 400px; background-color: #fff;display: flex;border:1px solid #eee;">
 <ul class="left" style="width: 80px;
   height: 400px;
   background-color: #eee;float:left">
   <p style="height:80px;line-height:80px">${o.a1}</p>
   <p>${o.b1}</p>
   <p style="height:80px;line-height:80px">${o.c1}</p>
   <p>${o.d1}</p>
 </ul>
 <ul class="middle" style="width: 270px;
   height: 400px;
   box-sizing: border-box;
   padding: 0 10px;float:left">
   <li class="qingdaopijiu" style="border-bottom: 1px dotted #ccc;
   box-sizing: border-box;
   padding: 10px 0 0 0;
   height: 80px;">
     <a href="" style="color:orange">${o.A1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A6}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A7}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A8}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A9}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.A10}</a>
   </li>
   <li style="width:250px;height:40px;
   border-bottom: 1px dotted #ccc;
   box-sizing: border-box;
   padding: 10px 0 0 0;">
     <a  href="" style="color:orange">${o.B1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.B2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.B3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.B4}</a>
     <span class="iconfont icon-xiangyougengduo"></span>
   </li>
   <li class="guyuelongshan" style="border-bottom: 1px dotted #ccc;
   box-sizing: border-box;
   padding: 10px 0 0 0;
   height: 80px;">
     <a href="" style="color:orange">${o.C1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.C3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C4}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C5}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.C6}</a>
     <span class="iconfont icon-xiangyougengduo"></span>
   </li>
   <li style="border:none;">
     <a href="" style="color:orange">${o.D1}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="" style="color:orange">${o.D2}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.D3}</a>
     <span class="iconfont icon-fenge"></span>
     <a href="">${o.D4}</a>
     <span class="iconfont icon-fenge"></span><br>
     <a href="">${o.D5}</a>
   </li>
 </ul>
 <ul class="right" style=" width: 160px;
   height: 400px;float:left">
   <img style="width:100%;height:100%"  src=${o.E1} alt="">
   </ul>
</div>
   `;
 });
 // 隐藏栏6
 let arr6 = [
   {
     a1: "酒具",
     b1: "茶叶",
     c1: "水饮",
     d1: "食品",
     a: "酒杯",
     b: "开瓶器",
     c: "醒酒器",
     d: "海马酒刀",
     e: "香槟杯",
     f: "直身杯",
     g: "水晶高脚杯",
     h: "烈酒杯",
     i: "鸡尾酒杯",
     j: "酒架",
     k: "冰酒石",
     l: "小罐茶",
     m: "南国公主",
     n: "更多",
     o: "可口可乐",
     p: "零食",
   },
 ];
 let html6 = "";
 arr6.forEach((o) => {
   html6 = `
   <div class="box" style="width: 510px;
   height: 400px;
   background-color: #fff;
   display: flex;border:1px solid #eee">
 <ul class="left" style="width: 80px;
   height: 400px;
   background-color: #eee;">
   <p class="jiujv" style="height:70px;line-height:70px">${o.a1}</p><p>${o.b1}</p><p>${o.c1}</p><p>${o.d1}</p>
   </ul>
 <ul class="right" style=" width: 430px;
   height: 400px;
   box-sizing: border-box;
   padding: 0 10px;">
   <li class="jiubei" style=" width: 410px;
   height: 70px;
   box-sizing: border-box;
   padding: 12px 0 0 0;
   border-bottom: 1px dotted #666;">
 <a href="">${o.a}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.b}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.c}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.d}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.e}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.f}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.g}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.h}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.i}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.j}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.k}</a>
</li>
<li style="width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
 <a href="">${o.l}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.m}</a>
 <span class="iconfont icon-fenge"></span>
 <a href="">${o.n}</a>
 <span class="iconfont icon-xiangyougengduo"></span>
</li>
<li style="width: 410px;
   height: 40px;
   border-bottom: 1px dotted #666;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
 <a href="">${o.o}</a>
</li>
<li style="width: 410px;
   height: 40px;
   box-sizing: border-box;
   padding: 8px 0 0 0;">
 <a href="">${o.p}</a>
</li>
   </ul>
</div>
`;
 });
 let data = ["html1", "html2", "html3", "html4", "html5", "html6"];
 // 塞入body标签
 //oBody.innerHTML = html2;
 // 获取左边栏标签
 let oLeft = document.getElementById("left");
     /*  let oBig = document.getElementById("big"); */
 oLeft.onmouseover = (e) => {
  oBig.style.display=block;
   if ([e.target.tagName] == "LI") {
     if (data[e.target.dataset["index"]] == "html1") {
       oBig.innerHTML = html1;
     }
     if (data[e.target.dataset["index"]] == "html2") {
       oBig.innerHTML = html2;
     }
     if (data[e.target.dataset["index"]] == "html3") {
       oBig.innerHTML = html3;
     }
     if (data[e.target.dataset["index"]] == "html4") {
       oBig.innerHTML = html4;
     }
     if (data[e.target.dataset["index"]] == "html5") {
       oBig.innerHTML = html5;
     }
     if (data[e.target.dataset["index"]] == "html6") {
       oBig.innerHTML = html6;
     }
   }
 };
 oLeft.onmouseleave = () => {
   oBig.style.display='none'
 };